<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<title>SICEF - Prototipo</title>

<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
<link rel="stylesheet" type="text/css"
	href="../css/bootstrap-responsive.css" />

<link rel="stylesheet" type="text/css" href="../css/main.css" />

<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/bootstrap.js"></script>
</head>
<body>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span2 offset1">
				<div class="well sidebar-nav">
					<ul class="nav nav-list">
						<li class="nav-header">Eventualidades</li>
						<li class="active"><a href="show-tickets.htm">Todas (2)</a></li>
						<li><a href="show-tickets.htm">No le&iacute;das (2)</a></li>
						<li class="nav-header">Prioridad</li>
						<li><a href="#">5 Alta</a></li>
						<li><a href="#">4 Media-alta</a></li>
						<li><a href="#">3 Media</a></li>
						<li><a href="#">2 Media-baja</a></li>
						<li><a href="#">1 Baja</a></li>
						<li class="divider"></li>
					</ul>
				</div>
			</div>
			<div class="span8">
				<div>
					<form class="form-inline span8">
						<a class="btn btn-small" href="#register-ticket"
							data-toggle="modal"><i class="icon-plus-sign"></i> Registrar
							eventualidad</a>
						<button class="btn btn-small btn-danger">
							<i class="icon-trash icon-white"></i> Eliminar
						</button>
					</form>
					<form class="form-search span4 pull-right">
						<div class="input-append btn-group span12">
							<input type="text" class="search-query" />
							<button type="submit" class="btn dropdown-toggle"
								data-toggle="dropdown">
								<i class="icon-search"></i> <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">B&uacute;squeda avanzada</a></li>
							</ul>
						</div>
					</form>
				</div>
				<table class="table table-bordered table-hover">
					<thead>
						<tr>
							<th><center> <i class="icon-tag"></i></center></th>
							<th>Descripci&oacute;n</th>
							<th>Creado</th>
							<th>Ultima actividad</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><label class="checkbox inline"> <input
									type="checkbox" id="inlineCheckbox1" value="option1" /> 5
							</label></td>
							<td><strong> <a href="ticket-view.htm?id=HT45A3">
										C&oacute;digo: HT45A3<br /> Un bombillo de la Sala de
										Conferencias no funciona.
								</a><br /> <span class="label label-info">8 mensajes</span>
							</strong></td>
							<td>1/11/2012 11:51 PM<br /> <i class="icon-user"></i>
								lgarcia
							</td>
							<td>21/11/2012 11:52 PM<br /> <i class="icon-user"></i>
								lgarcia
							</td>
						</tr>
						<tr>
							<td><label class="checkbox inline"> <input
									type="checkbox" id="inlineCheckbox1" value="option1" /> 3
							</label></td>
							<td><strong> <a href="ticket-view.htm?id=HT12C5">
										C&oacute;digo: HT12C5<br /> Se requieren 40 mesas y sillas en
										buen estado para el K205.
								</a><br /> <span class="label label-info">4 mensajes</span>
							</strong></td>
							<td>1/11/2012 11:51 PM<br /> <i class="icon-user"></i>
								lgarcia
							</td>
							<td>21/11/2012 11:52 PM<br /> <i class="icon-user"></i>
								lgarcia
							</td>
						</tr>
						<tr class="read-entry">
							<td><label class="checkbox inline"> <input
									type="checkbox" id="inlineCheckbox1" value="option1" /> 3
							</label></td>
							<td><a href="ticket-view.htm?id=HT38B4"> C&oacute;digo:
									HT38B4<br /> M&aacute;quina 12 del laboratorio E1 no tiene
									fecha y hora correcta.
							</a><br /> <span class="label">2 mensajes</span> <span class="label">Cerrado</span>
							</td>
							<td>1/11/2012 11:51 PM<br /> <i class="icon-user"></i>
								lgarcia
							</td>
							<td>21/11/2012 11:52 PM<br /> <i class="icon-user"></i>
								lgarcia
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<div id="register-ticket" class="modal hide fade" role="dialog">
		<div class="modal-header">
			<h3>Registrar Eventualidad</h3>
		</div>
		<div class="row-fluid">
			<div class="span8 offset1">
				<form class="form-horizontal" action="show-tickets.htm">
					<div class="control-group">
						<label class="control-label" for="lugar">Lugar</label>
						<div class="controls">
							<select id="lugar">
								<option>Seleccione uno...</option>
								<option>Edificio K</option>
								<option>Centro de Computación</option>
								<option>Módulos A-G</option>
								<option>Áreas comunes</option>
							</select>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="tipo">Tipo</label>
						<div class="controls">
							<select id="tipo">
								<option>Seleccione uno...</option>
								<option>Aula</option>
								<option>Baño</option>
								<option>Pasillos</option>
							</select>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="area">Área</label>
						<div class="controls">
							<select id="area">
								<option>Seleccione uno...</option>
								<option>K205</option>
								<option>K206</option>
								<option>K207</option>
							</select>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="servicio">Servicio</label>
						<div class="controls">
							<select id="servicio">
								<option>Seleccione uno...</option>
								<option>Electricidad</option>
								<option>Equipos</option>
								<option>Mantenimiento</option>
							</select>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="descripcion">Descripción</label>
						<div class="controls">
							<textarea id="descripcion" rows="3"></textarea>
						</div>
					</div>
					<div class="control-group">
						<div class="controls offset3">
							<button type="submit" class="btn-primary">Confirmar</button>
							<button type="cancel" class="btn">Cancelar</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>